<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition template="Master.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"           
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="title">Lista Comprobantes</ui:define> 
    <ui:insert name="cssk"></ui:insert> 
    <ui:define name="scritpK">
        
    </ui:define> 
    
    <ui:define name="content">
        <h:form id="frmLstComprobante" >
            <p:panel id="pnlMain">
                <p:toolbar>
                    <f:facet name="left">
                        <p:commandButton id="btnNuevo" value="Nuevo" icon="ui-icon-document" action="#{comprobanteBean.addComprobante}">
                            <f:param name="i" value="4" />
                        </p:commandButton>
                    </f:facet>
                    <f:facet name="right">
                        <h:commandLink>
                            <p:button icon="ui-icon-arrowstop-1-s" value="Descargar"/>
                            <p:dataExporter type="pdf" target="table1" fileName="Comprobantes" />
                        </h:commandLink>
                        <p:commandButton value="Imprimir" type="button" icon="ui-icon-print">
                            <p:printer target="table1" />
                        </p:commandButton>
                    </f:facet>
                </p:toolbar>
                <h:panelGrid cellpadding="4" columns="4">
                <p:dataTable id="table1" var="com" value="#{comprobanteBean.comprobantes()}">
                    <p:column headerText="Tipo Comprobante">
                        <h:outputText value="#{com.tipoComprobante}" />
                    </p:column>
                    <p:column filterBy="#{com.numComp}" headerText="N° de Comprobante">
                        <h:outputText value="#{com.numComp}" />
                    </p:column>
                    <p:column filterBy="#{com.numGuia}" headerText="N° de Guía">
                        <h:outputText value="#{com.numGuia}" />
                    </p:column>
                    <p:column filterBy="#{com.vendedorDTO.nombre}" headerText="Vendedor">
                        <h:outputText value="#{com.vendedorDTO.nombre}" />
                    </p:column>
                    <p:column filterBy="#{com.fecha}" headerText="Fecha">
                        <h:outputText value="#{com.fecha}" />
                    </p:column>
                    <p:column headerText="Total">
                        <h:outputText value="#{com.total}" />
                    </p:column>
                    <p:column filterBy="#{com.estado}" headerText="Estado">
                        <h:outputText value="#{com.estado}" />
                    </p:column>
                    <p:column headerText="Editar" width="10%" exportable="false">
                        <p:commandButton action="#{comprobanteBean.editComprobante}" icon="ui-icon-pencil">
                            <f:setPropertyActionListener value="#{com}" target="#{comprobanteBean.comprobanteDTO}" />
                        </p:commandButton>
                    </p:column>
                    <p:column headerText="Anular" width="10%" exportable="false">
                        <p:commandButton action="#{comprobanteBean.anularComprobante}" icon="ui-icon-minusthick" update="table1">
                            <f:setPropertyActionListener value="#{com}" target="#{comprobanteBean.comprobanteDTO}" />
                            <p:confirm header="Confirmación" message="¿Estás seguro?" icon="ui-icon-alert" />
                        </p:commandButton>
                    </p:column>
                </p:dataTable>
                <p:confirmDialog global="true" showEffect="fade" hideEffect="explode">
                    <p:commandButton value="Si" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
                    <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
                </p:confirmDialog>
                </h:panelGrid>
            </p:panel>
        </h:form>
    </ui:define> 

    <ui:define name="dialogos">         
           
    </ui:define> 

</ui:composition>